<template>
  <div>
    <van-tabbar
      route
      fixed
      active-color="#59e17d"
      placeholder
      hight="100"
    >
      <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
      <van-tabbar-item icon="qr-invalid" to="/cate">分类</van-tabbar-item>
      <van-tabbar-item icon="like-o" to="/romance">欣欢满屋</van-tabbar-item>
      <van-tabbar-item icon="shopping-cart-o" :badge="$store.state.cart.number" to="/cart">购物车</van-tabbar-item>
      <van-tabbar-item icon="friends-o" to="/user">关于我们</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.van-tabbar-item--active{
  background-color: #e5f3ff;
}
/deep/.van-tabbar{
  background-color: rgb(222, 249, 253);
  height: 60px;
}
</style>
